<template>
  <div>
    <el-container>
      <el-header class="inside-header">
        <div>
          <!-- 面包屑 -->
          <el-breadcrumb separator=">">
            <el-breadcrumb-item>数据应用</el-breadcrumb-item>
            <el-breadcrumb-item>后端执行日志</el-breadcrumb-item>
            <el-breadcrumb-item class="breadcrumbColor">后端执行日志详情</el-breadcrumb-item>
          </el-breadcrumb>
        </div>
      </el-header>
      <el-main style="margin-top: -20px">
        <el-form style="background: white; padding: 20px" :model="form" label-width="120px">
          <el-row>
            <el-col :span="8">
              <el-form-item label="备案状态">
                  <el-input readonly :value="form.filingStatus == '0' ? '未备案' : '已备案'" class="w-50 m-2" placeholder="请填写" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="是否开闸">
                <el-input readonly  :value="form.openingwhether == '0' ? '否' : '是'" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
           <!-- <el-col :span="8">
              <el-form-item label="通行车辆类型">
              <el-input readonly class="w-50 m-2" placeholder="请填写">
              <span  v-if="form.filing_happens == 0" >临时</span>
              <span  v-if="form.filing_happens == 1" >备案</span>
              </el-input>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="是否达标">
                <el-input readonly  :value="form.standard == '0' ? '未达标' : '已达标'" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>-->
            <el-col :span="8">
              <el-form-item label="出入类型">
                <el-input readonly v-model="form.typeOfAcces" placeholder="请填写" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车辆号">
                <el-input readonly v-model="form.cl_cph" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
             <el-col :span="8">
              <el-form-item label="车辆颜色">
                <el-input  readonly v-model="form.licensePlateColor"  placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="申请时间">
                <el-input  readonly v-model="form.applicationTime"  :value="$moment(form.applicationTime).format('YYYY-MM-DD HH:mm:ss')" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="出入时间">
                <el-input readonly v-if="form.accessTime==null" style="width: 650px" placeholder="请填写"/>
                <el-input  readonly v-else :value="$moment(form.accessTime).format('YYYY-MM-DD')" v-model="form.accessTime" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="注册日期">
                <el-input readonly v-if="form.accessTime==null" style="width: 650px" />
                <el-input readonly v-else :value="$moment(form.accessTime).format('YYYY-MM-DD')" v-model="form.accessTime" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="排放阶段">
                <el-input readonly v-model="form.vehicleEmissions" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="司机姓名">
                <el-input readonly v-model="form.sj_name" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="司机电话">
                <el-input readonly v-model="form.sj_phone" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="车辆识别代码">
                <el-input readonly v-model="form.cl_sbm" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="发动机号">
                <el-input readonly v-model="form.cl_fdjhm" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="运输货物">
                <el-input readonly v-model="form.cargo_type" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="运输量">
                <el-input readonly v-model="form.cl_huowushuliang" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="受访部门">
                <el-input readonly v-model="form.bumen_type" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="受访人员">
                <el-input readonly v-model="form.bumen_name" class="w-50 m-2" placeholder="请填写"/>
              </el-form-item>
            </el-col>
          </el-row><el-row>
            <div style="margin: 10px auto 20px">
              <el-col>
                <el-button class="empty-but" @click="close()">返回</el-button>
              </el-col>
            </div>
          </el-row>
        </el-form>
      </el-main>
    </el-container>
  </div>
</template>
<script>
import { reactive, ref } from "vue";
import { UploadProps } from "element-plus";
// 路由
import { useRouter } from "vue-router";
export default {
  setup() {
    const router = useRouter();
    // // 跳转回列表页
    const close = () => {
      localStorage.removeItem("userObj");
      router.push({
        path: "/standingBookIndex",
      });
    };
    // let form = reactive({});
    let form = reactive(JSON.parse(localStorage.getItem("userObj")));
    return { form, close };
  },
};
</script>
<style scoped>
/* 面包屑字体颜色更改 */

.breadcrumbColor >>> .el-breadcrumb__inner {
  color: #000;
}
/* 文件上传文字样式 */

.UPtsxt {
  width: 120px;
  height: 30px;
}
/* 文件上传样式 */

.avatar-uploader {
  width: 120px;
  height: 120px;
  background-color: #e5f4ff;
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #3780b9;
  width: 120px;
  height: 120px;
  text-align: center;
}
/* 内部header */

.inside-header {
  height: 30px;
  display: flex;
  justify-content: left;
  align-items: flex-start;
  background:#f2f4f5
}
/* 空心按钮样式 */

.empty-but {
  border: 1px solid #3780b9;
  color: #3780b9;
}
/* 实心按钮背景样式 */

.sele-but {
  background: #3780b9;
  border: 0px;
  border-radius: 2px;
  color: white;
}
</style>
